/**
* 创建者：lym
* 该样式表用于：
* 创建时间： 2020-01-02 20:25:57
*/
.RCIM-SourceSpace_view {
    position: relative;
    width: 100%;
    div,ul,li,span,tr,th,td{
        font-family: pingfang, "Microsoft YaHei" !important;
    }

    .el-header{
        background-color: #fff;
        text-align: left;
        line-height: 36px;
        height: 36px !important;
        border-bottom: 1px solid #f0f0f0;
      }
      
      .el-aside {
        background-color: #fff;
        color: #4a4a4a;
        text-align: center;
        line-height: 200px;
        height: calc(100vh - 180px);
        margin-bottom: 0;
        min-width: 350px;
        overflow: hidden;

        .aside_left_content{
            display: flex;
            flex-direction: column;

            .aside_top,.aside_center,.aside_bottom{
                width: 100%;
                min-height: 255px;
                // background: red;
                margin-bottom: 10px;
                font-size: 12px;
                border: 1px solid #dedede;
                overflow: hidden;

                .content_head{
                    height: 30px;
                    font-size: 12px;
                    font-weight: 600;
                    line-height: 30px;
                    background-color: #d7e7f9;
                    text-align: left;
                    padding-left: 10px;
                }
                .content_main{
                    ul{
                        width: 100%;
                        min-height: calc(255px - 30px - 40px);
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        margin:0;
                        list-style:none;
                        padding: 10px 10px;

                        li{
                            width: 55%;
                            line-height: 22px;
                            // font-size: 14px;
                            font-size: 12px;
                            color: #4a4a4a;
                            padding:0;
                            margin:0;
                            list-style:none;
                            text-align: left;
                            padding-right: 5px;

                            overflow: hidden;
                            white-space:nowrap;
                            text-overflow: ellipsis;
                        }
                        li:nth-child(2n + 1) {
                            width: 45%;
                        }
                        li:nth-child(1),li:nth-child(8),li:nth-child(9){
                            width: 100%;

                            overflow: hidden;
                            white-space:nowrap;
                            text-overflow: ellipsis;
                            padding-right: 3px;
                        }
                    }
                }
            }
            .aside_center{
                width: 100%;
                min-height: 337px;
                // background: red;
                margin-bottom: 10px;
            }
            .aside_bottom{
                width: 100%;
                min-height: 113px;

                td{
                    border: 1px solid #d6d6d6;
                }
                table{
                    width: calc(100% + 1px);
                    border-collapse: collapse;
                    font-size: 12px;
                    color: #4a4a4a;
                    table-layout: fied;

                    th,td{
                        padding: 0px 2px;
                        line-height: 27.5px;
                    }

                    td:first-child{
                        border-left: none !important;
                    }
                    td:last-child{
                        border-right: none !important;
                    }

                    tr:nth-child(1) {
                        td{
                            color: #4a4a4a;
                            font-weight: 600;
                        }
                    }

                    tr:last-child{
                        td{
                            border-bottom: none;
                        }
                    }
                }

                // table,tr,th,td {
                //     width: 100%;
                //     line-height: 10px;
                //     font-size: 10px;
                //     color: #4a4a4a;
                //     line-height: 26px;
                // }
                // td{
                //     border: 1px solid #d6d6d6;
                // }
                // table {
                //     border-collapse: collapse;
                //     tr {
                //         td {
                //             padding: 0;
                //             background: #fff;
                //             overflow: hidden;
                //             white-space:nowrap;
                //             text-overflow: ellipsis;
                //         }
                
                //         td:nth-child(1) {
                //             width: 6%;
                //         }
                //         td:nth-child(2) {
                //             width: 20%;
                //         }
                //         td:nth-child(3) {
                //             width: 39%;
                //         }
                //         td:nth-child(4) {
                //             width: 25%;
                //         }

                //         td:first-child{
                //             border-left: none !important;
                //         }
                //         td:last-child{
                //             border-right: none !important;
                //         }
                //     }
                    
                //     tr:nth-child(1) {
                //         td{
                //            color: #4a4a4a;
                //            font-weight: 600;
                //         }
                //     }

                //     tr:last-child{
                //         td{
                //             border-bottom: none;
                //         }
                //     }
                // }
            }
            #originInfo{
                .content_main{
                   ul{
                        height: calc(337px - 30px - 40px);
    
                        li{
                            width: 55%;
                        }

                        li:nth-child(2n + 1){
                            width: 45%;
                        }
    
                        li:nth-child(1),li:nth-child(14),li:nth-child(15){
                            width: 100%;
                        }
                    } 
                } 
            }
            .content_footer{
                height: 40px;

                .infoFooter1 {
                    float: right;
                    // width: 90px;
                    height: 24px;
                    line-height:16px;
                    font-size: 12px;
                    padding: 2px 7px 2px 4px;
                    border: 1px solid #3591ff;
                    color: #3591ff;
                    border-radius: 12px;
                    cursor: pointer;
                    margin-right: 15px;
                }
            }
        }

        .aside_left_content1{
            height: calc(100vh - 180px);
            padding: 8px 24px;
        }
        
        .aside_right_content{
            .aside_top{
                width: 100%;
                min-height: 170px;
                // background: red;
                margin-bottom: 10px;
            }
            .aside_center{
                width: 100%;
                min-height: 170px;
                // background: red;
                margin-bottom: 10px;
            }
            .aside_bottom{
                width: 100%;
                // max-height: 370px;
                // padding-bottom: 1px;
                // background: red;
                border-bottom: none;

                .content_bottom_main{
                    // border-bottom: 1px solid #ccc;
                }

                table{
                    tr {
                        td {
                            padding: 0;
                            background: #fff;
                            line-height: 27.4px;
                        }
                
                        // td:nth-child(1) {
                        //     width: 6%;
                        // }
                        // td:nth-child(2) {
                        //     width: 34%;
                        // }
                        // td:nth-child(3) {
                        //     width: 15%;
                        // }
                        // td:nth-child(4) {
                        //     width: 15%;
                        // }
                        // td:nth-child(5) {
                        //     width: 15%;
                        // }
                        // td:nth-child(6) {
                        //     width: 15%;
                        // }
                    }
                    tr:last-child{
                        td{
                            // border-bottom: 1px solid #ccc;
                            border-bottom: none;
                        }
                    }
                }
                tr.maxIndex{
                    td{
                        border-bottom: none !important; 
                    }
                }
            }
            
        }
        
        .orgionChange{
            border-bottom: 1px solid #ccc;
            margin-bottom: 10px;
            overflow: hidden;

            .aside_bottom{
                margin-bottom: 0;
                height: auto!important;
            }
        }
      }

      .customElAside{
        padding: 0!important;
      }
      
      .el-main {
        color: #4a4a4a;
        text-align: center;
        line-height: 160px;
        height: calc(100vh - 180px);
        padding-top: 10px;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;

        .main_content{
            
            .myMapPolyLine{
                width: 100%;
                min-height: 550px;
                // background: red;
            }
            .originTrace{
                width: 100%;
                height: 250px;
                .time_picker{
                    height: 50px;
                    line-height: 28px;    
                    text-align: left;
                    font-size: 12px;
                    padding-top: 20px;
                    /deep/ {
                        .el-range-separator {
                            width: 8%;
                        }
                    }
                }
                .fish_map_wrap{
                    padding-top: 10px;
                    width: 100%;
                    height: 200px;
                }
            }
        }
      }

    //   @media screen and (max-width: 1450px) {
    //     #leftShow{
    //         display: block!important;
    //     }
    // }
    // #leftShow{
    //     background: url('../../assets/info_images/changeScale.png') no-repeat;
    //     background-size: cover;
    //     background-color: #ccc;
    // }
    .smailbg{
		width: 0px;
		height: 15px;
		left: -11px;
		transition: width .5s;
		cursor: pointer;
		top: 80px;
		z-index: 99;
		transform: rotateZ(90deg);
		@include ladderShaped(#304156);
		position:absolute;
		span{
			transform: rotateZ(90deg);
			display: block;
			text-align: center;
			color: #fff;
		}
	}
	.smailbg.showSmallBtn{
		width: 40px;
	}
}
